﻿@inject MixConfigurationService configService
@{
    Layout = null;
    var menus = MixFileHelper.GetFile("portal-menus", ".json", MixFolders.JsonDataFolder);
    var logo = await configService.GetConfig("Favicon", ViewData["Culture"]?.ToString(), 1, "/mix-app/css/portal/img/mixcore-logo-green.svg");
}
<!doctype html>
<html lang="en">

<head>
    <base href="/portal">
    <title>@ViewData["Title"] - Angular mixcore</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="icon" type="image/png" sizes="16x16" href="@logo">

    <link rel="stylesheet" href="~/mix-app/css/portal-extend.css" />
    <link rel="stylesheet" href="~/mix-app/css/app-vendor.min.css" />
    <link rel="stylesheet" href="~/mix-app/css/app-vendor-scss.min.css" />
    <link rel="stylesheet" href="~/mix-app/css/shared.min.css" />

</head>

<body ng-app="MixPortal" ng-init="init()" ng-controller="AppPortalController" class="w-100 overflow-auto">
    <div class="w-100" ng-if="isInit">
        
        <style>
            :root {
                --primary-color-hue: {{portalThemeSettings.primaryColorHue}};
                --primary-color-saturation: {{portalThemeSettings.primaryColorSaturation}}%;
                --primary-color-brightness: {{portalThemeSettings.primaryColorBrightness}}%;
                --bg-color: {{portalThemeSettings.bgColor}};
                --text-color: {{portalThemeSettings.textColor}};
                --bs-table-bg: transparent;
                --bs-table-striped-color: #212529;
                --bs-table-striped-bg: rgba(0, 0, 0, 0.02);
                --bs-table-active-color: #212529;
                --bs-table-active-bg: rgba(0, 0, 0, 0.1);
                --bs-table-hover-color: #212529;
                --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
            }
        </style>
        <mix-loader ng-show="isBusy"></mix-loader>
        <layout-portal-header ng-if="isInit"></layout-portal-header>
        <div class="wrapper d-flex" ng-if="isInit">
            <layout-portal-sidebar class="bd-sidebar main-sidebar"></layout-portal-sidebar>
            <!-- Page Content  -->
            <form id="form-portal" class="container d-flex flex-row-reverse {{pageClass}}" ng-view ng-class="{'submitted': submitted}" ng-submit="save()" style="background-color: var(--bg-color,hsla(var(--primary-color-hue,211),var(--primary-color-saturation,100%),100%,1));">
            </form>
            <message message="message"></message>
            <confirm message="confirmMessage"></confirm>
            <preview-popup preview-object="previewObject"></preview-popup>
            <layout-portal-modals></layout-portal-modals>
        </div>

        <input type="hidden" id="portal-menus" value="@menus.Content" />
    </div>

    <script src="~/mix-app/js/framework.min.js"></script>
    <script src="~/mix-app/js/shared.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"
            integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-drag-and-drop-lists/2.1.0/angular-drag-and-drop-lists.min.js"></script>
    <script src="~/mix-app/js/app-portal-required.min.js"></script>
    <script src="~/mix-app/js/app-portal.min.js?v="></script>
    <script src="~/mix-app/js/app-shared.min.js?v="></script>
    <script src="/mix-app/js/monaco-editor/min/vs/loader.js"></script>
    <script>
        require.config({
            paths: {
                vs: '/mix-app/js/monaco-editor/min/vs'
            }
        });
    </script>
    <script src="/mix-app/js/monaco-editor/min/vs/loader.js"></script>
    <script src="/mix-app/js/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
    <script src="/mix-app/js/monaco-editor/min/vs/editor/editor.main.js"></script>
    
</body>

</html>